<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <title>小兔鲜儿</title>
    <link rel="stylesheet" href="./swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/flexible.js"></script>
    <script src="./js/jquery.js"></script>
    <script src="./axios/axios.min.js"></script>
    <script src="./swiper/swiper-bundle.min.js"></script>
    <script src="./axios/axios.min.js"></script>
    <script src="./js/packaging_axios.js"></script>
    <script src="./js/index.js"></script>
</head>
<body>
    <iframe src="./home.html" frameborder="0" id="iot_content"></iframe>
    <div class="iot_bottom">
        <span onclick="jump('./home.html')" class="iot_home"><img src="./icons/tabs/home_selected.png" alt=""><span class="iot_selected_color">首页</span></span>
        <span onclick="jump('./category.html')" class="iot_category"><img src="./icons/tabs/category_default.png" alt=""><span>分类</span></span>
        <span onclick="jump('./cart.html')" class="iot_cart"><img src="./icons/tabs/cart_default.png" alt=""><span>购物车</span></span>
        <span onclick="jump('./user.html')" class="iot_user"><img src="./icons/tabs/user_default.png" alt=""><span>我的</span></span>
    </div>
    <!-- 热门推荐 -->
    <div class="iot_hotPage">
        <div class="iot_hotTop">
            <div>
            </div>
            <img class="iot_cancel" src="./icons/logo/ic_cancel.png">
        </div>
        <iframe src="./hot.html" frameborder="0"></iframe>
    </div>
    <div class="iot_details">
        <span class="iot_imgNumber"></span>
        <img src="./icons/logo/back.png" alt="" class="iot_DetailsCancel">
        <!-- Swiper -->
        <div class="swiper iot_goodsBanner" id="mySwiper0">
            <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="" alt=""></div>
            <div class="swiper-slide"><img src="" alt=""></div>
            <div class="swiper-slide"><img src="" alt=""></div>
            <div class="swiper-slide"><img src="" alt=""></div>
            <div class="swiper-slide"><img src="" alt=""></div>
            </div>
        </div>
        <div class="iot_price"></div>
        <div class="iot_choice">
            <div class="iot_above">
                <p></p>
                <p></p>
            </div>
            <div class="iot_under">
                <div><span>选择</span>请选择商品规格</div>
                <div><span>送至</span>请选择收货地址</div>
                <div><span>服务</span>无忧退&nbsp;快速退款&nbsp;免费包邮</div>
            </div>
        </div>
        <div class="iot_information">
            <p class="iot_infoUp">详情</p>
            <div>
                <span></span>
                <p></p>
            </div>
        </div>
        <div class="iot_picture">

        </div>
        <div class="iot_relevant">
            <div class="iot_relUp">
                <p>同类推荐</p>
            </div>
            <div class="iot_couple">
                <a href="">
                <img src="" alt="">
                <p></p>
                <p></p>
                </a>
                <a href="">
                <img src="" alt="">
                <p></p>
                <p></p>
                </a>
            </div>
            <div class="iot_couple">
                <a href="">
                <img src="" alt="">
                <p></p>
                <p></p>
                </a>
                <a href="">
                <img src="" alt="">
                <p></p>
                <p></p>
                </a>
            </div>
        </div>
        <div class="iot_bottomChoice">
            <span><img src="./icons/logo/heart.png" alt=""><span>收藏</span></span>
            <span><img src="./icons/logo/service.png" alt=""><span>客服</span></span>
            <span><img src="./icons/logo/cart.png" alt=""><span>购物车</span></span>
            <div>加入购物车</div>
            <div>立即购买</div>
        </div>
    </div>
    <!-- under中的详情 -->
     <div class="iot_blackbg"></div>
     <div class="iot_UnderChoice">
        <div>
            <img src="" alt="">
            <div class="iot_under-details">
                <img src="./icons/logo/cancel.png" alt="">
                <p></p>
                <p></p>
                <p></p>
            </div>
        </div>
        <div class="iot_underOption">

        </div>
        <div class="iot_underNumber">
            <p>数量</p>
            <div>
                <div class="iot_nimus" id="iot_black">-</div>
                <div class="iot_quantity">0</div>
                <div class="iot_plus">+</div>
            </div>
        </div>
        <div class="iot_buy">立即购买</div>
     </div>
     <div class="iot_Underaddress">
        <div>配送至<img src="./icons/logo/ic_cancel.png" alt=""></div>
        <div>
            <img src="./icons/logo/locate.png" alt="">
            <div>
                <p>老大&nbsp;88888888888</p>
                <p>加利福尼亚州洛杉矶市-篮球街-湖人小区24号</p>
            </div>
            <span class="iot_mark"></span>
        </div>
        <div>
            <img src="./icons/logo/locate.png" alt="">
            <div>
                <p>小王&nbsp;12345678910</p>
                <p>北京市顺义区后沙峪地区安平北街6号院</p>
            </div>
            <span></span>
        </div>
        <div>
            <img src="./icons/logo/locate.png" alt="">
            <div>
                <p>小李&nbsp;12312312308</p>
                <p>北京市顺义区后沙峪地区安平北街6号院</p>
            </div>
            <span></span>
        </div>
        <div class="iot_addAddress">新建地址</div>
     </div>
     <div class="iot_Underservice">
        <div class="iot_serviceUP">服务说明<img src="./icons/logo/ic_cancel.png" alt=""></div>
        <div class="iot_serviceDown">
            <div>
                <p>・无忧退货</p>
                <p>自收到商品之日起30天内，可在线申请无忧退货服务（食品 等特殊商品除外）</p>
            </div>
            <div>
                <p>・快速退款</p>
                <p>收到退货包裹并确认无误后，将在48小时内办理退款，退款将原路返回，不同银行处理时间不同，预计1—5个工作日到账</p>
            </div>
            <div>
                <p>・满88元免邮费</p>
                <p>单笔订单金额（不含运费）满88元可免邮费，不满88元，单笔订单收取10元邮费</p>
            </div>
        </div>
     </div>
     <div class="iot_cartIframe">
        <img src="./icons/logo/back.png" alt="">
        <iframe src="./cart.html" frameborder="0"></iframe>
     </div>
     <div class="iot_order">
        <img src="./icons/logo/back.png" alt="">
        <div class="iot_orderUp">
            <span>全部</span>
            <span>待付款</span>
            <span>待发货</span>
            <span>待收货</span>
            <span>待评价</span>
            <div></div>
        </div>
        <div class="iot_orderContent">
            <span>正在加载……</span>
            <span>正在加载……</span>
            <span>正在加载……</span>
            <span>正在加载……</span>
            <span>正在加载……</span>
        </div>
     </div>
     <script>
        // Initialize Swiper
            const swiper = new Swiper("#mySwiper0", {
              loop: true,
            });
        </script>
</body>
</html>